<!DOCTYPE html>
<html lang="en">
<meta>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
<title>星座解读</title>
<meta name="description" content="#准了app#星盘解读分享页">
<link rel="stylesheet" href="/static/astro_explain_new/css/astro.css">
<style>
    @font-face {
        font-family: 'goddessxzns';
        src: url('https://oss.goddessxzns.com/static/font/goddessxzns.eot'); /* IE9 Compat Modes */
        src: url('https://oss.goddessxzns.com/static/font/goddessxzns.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://oss.goddessxzns.com/static/font/goddessxzns.woff') format('woff'), /* Modern Browsers */ url('https://oss.goddessxzns.com/static/font/goddessxzns.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://oss.goddessxzns.com/static/font/goddessxzns.svg#YourWebFontName') format('svg'); /* Legacy iOS */
    }

    tt {
        font-family: goddessxzns;
        font-size: 0.32rem;
    }
</style>
</head>
<body id="body" style="visibility: hidden;">
<div>
    <div class="head-wrap">
        <div class="common-wrap">
            <div class="common">
                <div class="head-left">
                    <img src="{$oss}/astro_explain_new/images/up2.png" class="head-pic">
                </div>
                <div class="astro-title">{$data[2]['planet']['name']}{$data[2]['sign']['name']}<span class="astro-title-icon"
                                                                                                     style="color: #1FC6FA"><tt>{$data[2]['sign']['abbreviation']}</tt></span>
                </div>
                <div class="astro-intro">{$smrData[0]['riseIntro']}</div>
                <div class="star">
                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->

                </div>
            </div>
            <div class="common">
                <div class="head-center">
                    <img src="{$oss}/astro_explain_new/images/sun2.png" class="head-pic">
                </div>
                <div class="astro-title">{$data[0]['planet']['name']}{$data[0]['sign']['name']}<span class="astro-title-icon"
                                                                                                     style="color: #F88E0D"><tt>{$data[0]['sign']['abbreviation']}</tt></span>
                </div>
                <div class="astro-intro">{$smrData[1]['sunIntro']}</div>
                <div class="star">

                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->
                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->
                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->
                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->
                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->

                </div>
            </div>
            <div class="common">
                <div class="head-right">
                    <img src="{$oss}/astro_explain_new/images/moon2.png" class="head-pic">
                </div>
                <div class="astro-title">{$data[1]['planet']['name']}{$data[1]['sign']['name']}<span class="astro-title-icon"
                                                                                                     style="color: #1FC6FA"><tt>{$data[1]['sign']['abbreviation']}</tt></span>
                </div>
                <div class="astro-intro">{$smrData[2]['moonIntro']}</div>
                <div class="star">

                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->
                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->
                    <!--                    <img src="{$oss}/astro_explain_new/images/star.png">-->

                </div>
            </div>
        </div>
    </div>
    <div class="content" style="box-shadow: none">
        <div class="content-wrap">
            {foreach name="data" item="value" key="key"}
            <div class="content-common">
                <div class="line" style="background-color: #00D8D3"></div>
                <div class="content-title" style="position: relative">{$value.planet.name}{$value.sign.name}</div>
                {if condition="$value.planet.en_icon"}
                <div class="title-bg" style="position: relative;top: 0.2rem;left: 0.3rem;"><img style="width: 2.1rem;height: 0.85rem" src="{$oss}{$value.planet.en_icon}?v=1"></div>
                {/if}
                <div class="content-word">{$value.sign.sing_text}
                </div>
            </div>
            {/foreach}
            <div class="content-footer"></div>
        </div>
    </div>
    <div class="footer">
    </div>
</div>
</div>
</div>
<!-- JQ -->
<script src="/static/astro_explain_new/js/jquery-1.11.3.min.js"></script>
<script src="/static/astro_explain_new/js/rem.js"></script>
<script>
    window.onload = function () {
        // 阻止双击放大
        var lastTouchEnd = 0;
        document.addEventListener('touchstart', function (event) {
            if (event.touches.length > 1) {
                event.preventDefault();
            }
        });
        document.addEventListener('touchend', function (event) {
            var now = (new Date()).getTime();
            if (now - lastTouchEnd <= 300) {
                event.preventDefault();
            }
            lastTouchEnd = now;
        }, false);

        // 阻止双指放大
        document.addEventListener('gesturestart', function (event) {
            event.preventDefault();
        });
    }//苹果手机禁止缩放

</script>
</body>
<script type="text/javascript">
    document.getElementById('body').style.visibility = "visible";
</script>
</html>
